<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    .beijin{
        width: 100vw;
        height: 100vh;
        background-color:whitesmoke;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .beijin .container{
    	width: 70vw;
    	height: 60vh;
    }
    .beijin .container .logo{
    	display: flex;
    	width: 70px;
    	height: 70px;
    	margin: 0 auto;
		margin-bottom: 8vh;
    }
	.beijin .container .label{
		margin-bottom: 5vh;
		font-size: 5.5vw;
	}
	.beijin .container .label .login-input{
		float: right;
		font-size: 4.5vw;
		border: 1px #686868 solid;
		color: #333;
		padding: 0.5vw 1.5vw;
		border-radius: 2vw;
		height: 7vw;
		width: 43vw;
	}
	.beijin .container .btn{
	font-size: 5vw;
	background-color:#999;
	width: 100%;
	padding: 3vw 0;
	border-radius:3vw;
	height: 6vh;	
	text-align: center;
	vertical-align:middle;
	line-height: 23px;
	}
  	/* div{
		border :solid     1px  red;
	}  */
    </style>
</head>

<body>
    <div class="beijin">
    	<div class="container">
	        <div class="logo">
	        	<img src="img/news.png" />
	        </div>
	        
	        <div class="input-wapper">
	        	<div class="label">
	        		用户名：
					<input type="text" class="login-input" />
	        	</div>
	        		
	        	<div class="label">
	        		密&nbsp&nbsp 码：
					<input type="password" class="login-input" />
	        	</div>
	        </div>
			<form action="./html/content.html">
				<button id="btn" class="btn">
					登录
				</button>
			</form>
        </div>
    </div>
</body>
</html>